﻿/*#Main divs=================================*/
.vital-header {
    top: 0px;
    height: 50px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.vital-header-left {
    width: 30%;
    float: left;
}

.vital-header-right {
    width: 70%;
    float: right;
    position: relative;
}

    .vital-header-right .vital-chart-dateFrom {
        margin-left: 15px;
        margin-right: 15px;
    }

.vital-content {
    position: absolute;
    top: 58px;
    left: 8px;
    right: 8px;
    bottom: 8px;
}

.vital-listContainer {
    position: relative;
    height: 100%;
    width: 30%;
    float: left;
    padding-right: 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-overflow-style: none;
}
/*--*/
.vital-historyContainer {
    position: relative;
    height: 100%;
    width: 70%;
    float: right;
    padding-left: 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.vital-timer {
    position: absolute;
    bottom: 0px;
    height: 50px;
    left: 4px;
    right: 0px;
}

.vital-chart {
    position: absolute;
    bottom: 50px;
    top: 0px;
    left: 4px;
    right: 0px;
    border: 1px solid rgb(255, 201, 28);
    padding: 8px;
}
/*#Main divs=================================*/
/*Chart options in slidingPanel*/
.vital-chart-optionsWrapper {
    position: absolute;
    width: 160px;
    height: 260px;
    top: -7px;
    left: 28px;
    overflow: hidden;
    z-index: 100;
    pointer-events: none;
}

.vital-chart-options {
    background-color: yellow;
    overflow: hidden;
}
/*===========================================*/
/*Vital List=================================*/
.vital-list {
    border: 1px solid rgb(255, 201, 28);
    width: 100%;
    height: 100%;
}

.vital-warning {
    background-color: red;
    color: white;
}

.vital-group-heart {
    background-color: rgb(200, 224, 228);
}

.vital-group-body {
    background-color: rgb(245, 206, 206);
}

.vital-group-others {
    background-color: rgb(201, 250, 203);
}

.vital-group-custom {
    background-color: rgb(255, 247, 153);
}

.vital-group-einaus {
    background-color: rgb(214, 214, 214);
}
/*===========================================*/
/*Vital chart=================================*/
.chartHolder {
    position: absolute;
    left: 45px;
    right: 8px;
    top: 48px;
    bottom: 20px;
}

.vital-chart-placeHolder {
    color: gray;
    font-size: 25px;
    text-align: center;
    margin-top: 10%;
}

.vital-show-table-button {
    float: right;
}
    .vital-show-table-button button {
        margin: 0;
        padding: 0;
        color: rgb(255, 127, 39);
    }

.fa-2_5x {
    font-size: 2.5em;
}
/*===========================================*/
